<?php
if (strcmp($_GET['accion'], "Actualizar") == 0) {
    
    ?>
    <script>
        var fecha1 = '<?php echo $_GET['hasta'] ?>'
        $("#id_ausencia").val('<?php echo $_GET['id_ausencia'] ?>');
        $("#fecha_inicio").val(moment('<?php echo $_GET['desde'] ?>'.replace(/-/g, "/")).format("DD-MM-YYYY"));
        $("#fecha_fin").val(moment('<?php echo $_GET['hasta'] ?>'.replace(/-/g, "/")).format("DD-MM-YYYY"));
        $("#procedencia").val('<?php echo $_GET['procedencia'] ?>');
        $("#observacion").val('<?php echo $_GET['observacion'] ?>');
        $("#personal_cedula").val('<?php echo $_GET['cedula'] ?>');

    </script>
    <?php
} else {
    ?>
    <script>
        $("#fecha_inicio").val(moment().format('DD-MM-YYYY'))
        $("#fecha_fin").val(moment().add('days', 1).format('DD-MM-YYYY'))
    </script>
    <?php
}
?>
<div class="hero-unit">
    <form action="" id="ausencia-form" class="form-horizontal">
        <input name='id_ausencia' type="hidden" id='id_ausencia'/>
        <fieldset>
            <legend><?php echo $_GET['accion'] ?> ausencia</legend>

            <div class="control-group">
                <label class="control-label" for="">Fecha de inicio</label>
                <div class="controls">
                    <div class="input-append date" id="date1" data-date="102/2012" data-date-format="dd-mm-yyyy" >
                        <input  type="text" id='fecha_inicio' name="fecha_inicio" value="" >
                        <span class="add-on"><i class="icon-calendar"></i></span>
                    </div>

                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="">Fecha de Fin</label>
                <div class="controls">
                    <div class="input-append date" id="date2" data-date="102/2012" data-date-format="dd-mm-yyyy" >
                        <input  id='fecha_fin' type="text" name='fecha_fin' value="" >
                        <span class="add-on"><i class="icon-calendar"></i></span>
                    </div>

                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="">Procedencia</label>
                <div class="controls">
                    <input type="text" class="input-large" name="procedencia" id="procedencia">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="">Observacion</label>
                <div class="controls">
                    <input type="text" class="input-large" name="observacion" id="observacion">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="">Tipo ausencia</label>
                <div class="controls">
                    <select  class="input-large" name="tipo_ausencia_id_tipo_ausencia" id="tipo_ausencia_id_tipo_ausencia">
                        <option value="3">Reposo</option>
                        <option value="1">Permiso</option>
                    </select>   
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="">Empleado</label>
                <div class="controls">
                    <input type="text" class="input-large" name="personal_cedula" id="personal_cedula">
                </div>
            </div>
            <div class="form-actions">
                <button type="submit" data-loading-text="procesando..." data-complete-text="completo!" id="enviar" class="btn btn-primary">Guardar</button>
            </div>
        </fieldset>
    </form>
</div>

<script>
    $('#ausencia-form').validate(
            {
                rules: {
                    procedencia: {
                        required: true,
                        minlength: 1
                    },
                    observacion: {
                        required: true,
                        minlength: 1
                    },
                    tipo_ausencia_id_tipo_ausencia: {
                        required: true,
                        minlength: 1
                    },
                    tipo_ausencia_id_tipo_ausencia: {
                        required: true,
                        minlength: 1
                    },
                    personal_cedula: {
                        required: true,
                        minlength: 1,
                        cedula: true
                    }


                },
                highlight: function(element) {
                    $(element).closest('.control-group').removeClass('success').addClass('error');
                },
                success: function(element) {
                    element.text('OK!').addClass('valid').closest('.control-group').removeClass('error').addClass('success');
                },
                submitHandler: function(form) {

                    enviarForm(form);
                }
            });



    function enviarForm(form) {
        var formJson = arrayToJson($(form).serializeArray());
        var url = "";
        if ('<?php echo $_GET['accion'] ?>' === "Registrar") {
            valores = "('" + moment(formJson.fecha_inicio, "DD-MM-YYYY").format("YYYY-MM-DD") + "','" + moment(formJson.fecha_fin, "DD-MM-YYYY").format("YYYY-MM-DD") + "','" + formJson.procedencia + "','" + formJson.observacion + "','" + formJson.tipo_ausencia_id_tipo_ausencia + "','" + formJson.personal_cedula + "')";
            url = './mysql/query.php?query=' + 'insertar_ausencia&valores=' + valores;
        }
        if ('<?php echo $_GET['accion'] ?>' === "Actualizar") {
            valores = "desde='" + moment(formJson.fecha_inicio, "DD-MM-YYYY").format("YYYY-MM-DD") + "', " + "hasta='" + moment(formJson.fecha_fin, "DD-MM-YYYY").format("YYYY-MM-DD") + "', " + "procedencia='" + formJson.procedencia + "', " + "observacion='" + formJson.observacion + "', " + "tipo_ausencia_id_tipo_ausencia='" + formJson.tipo_ausencia_id_tipo_ausencia + "'," + "personal_cedula='" + formJson.personal_cedula + "'";
            url = './mysql/query.php?query=' + 'update_ausencia&valores=' + valores + "&valor=" + "'" + formJson.id_ausencia + "'";
        }
        console.log("url>>>" +url)
        $.ajax({
            url: url,
            data: null,
            dataType: 'json',
            success: function(data)
            {
                console.log("el resultado de : " + $.parseJSON(data).result)

                if ($.parseJSON(data).result === 1) {
                    $("#enviar").button('complete');
                    $("#exito").removeClass("hidden")
                    setTimeout("jQuery('#exito').addClass('hidden')", 90000);
                    ausencias();
                } else {
                    $("#enviar").button('complete');
                    $("#error").removeClass("hidden")
                    setTimeout("jQuery('#error').addClass('hidden')", 9000);
                    ausencias();
                }
            },
            failure: function(response) {
                console.log("failure:" + response)
                $("#error").addClass("hidden")
                setTimeout("jQuery('#error').addClass('hidden')", 9000);
            },
            error: function(response) {
                console.log(response.status)
                $("#error").addClass("hidden")
                setTimeout("jQuery('#error').addClass('hidden')", 9000);
                if (response.status === 401) {
                    $("#content").html("Usuario no autorizado");
                }

            }

        });

    }
    var nowTemp = new Date();
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
    var checkin = $('#date1').datepicker({
        onRender: function(date) {
            return date.valueOf() < now.valueOf() ? 'disabled' : '';
        }
    }).on('changeDate', function(ev) {
        if (ev.date.valueOf() > checkout.date.valueOf()) {
            var newDate = new Date(ev.date)
            newDate.setDate(newDate.getDate() + 1);
            checkout.setValue(newDate);
        }
        checkin.hide();
        $('#date2')[0].focus();
    }).data('datepicker');
    var checkout = $('#date2').datepicker({
        onRender: function(date) {
            return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
        }
    }).on('changeDate', function(ev) {
        checkout.hide();
    }).data('datepicker');
</script>